.blackBox .Dtop {
	line-height: 18px;
	height: 18px;
}

.blackBox .Dbottom {
	line-height: 18px;
	height: 18px;
}

@sprite .blackBox .DtopCenter {
	gwt-image: "BBhborder";
}

@sprite .blackBox .DbottomCenter {
	gwt-image: "BBbhborder";
}

@sprite .blackBox .DmiddleLeft {
	gwt-image: "BBvborder";
	background-repeat: repeat-y;
	width: 20px;
}

@sprite .blackBox .DmiddleRight {
	gwt-image: "BBrvborder";
	background-repeat: repeat-y;
	width: 20px;
}

@sprite .blackBox .DtopLeft {
	gwt-image: "BBtopleft";
	background-repeat: no-repeat;
	width: 20px;
}

@sprite .blackBox .DtopRight {
	gwt-image: "BBtopright";
	background-repeat: no-repeat;
	width: 20px;
}

@sprite .blackBox .DbottomLeft {
	gwt-image: "BBbottomleft";
	background-repeat: no-repeat;
	width: 20px;
}

@sprite .blackBox .DbottomRight {
	gwt-image: "BBbottomright";
	background-repeat: no-repeat;
	width: 20px;
}

.blackBox .DmiddleCenter {
	background: #333333;
	border: 1px solid White;
	color: White;
}

@sprite .closeButton {
	gwt-image: "closeButtonUp";
	cursor: pointer;
}

@sprite .closeButton-up-hovering {
	gwt-image: "closeButtonOver";
	cursor: pointer;
}

@sprite .closeButton-down-hovering {
	gwt-image: "closeButtonDown";
	cursor: pointer;
}

@sprite .blackBox .Caption {
	gwt-image: "BBtitle";
	background-color: #333333;
	background-repeat: repeat-x;
	cursor: move;
	height: 20px;
	width: 100%;
	padding: 4px 4px 4px 8px;
	white-space:nowrap;
}

.blackBox .Caption .Title {
	color: #F2EEE5;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
}

.blackBox .TitleWrapper {
	height: 25px;
}